<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.middle{background:red;overflow:hidden;height: 500px;}
			.left{width:200px;background:linear-gradient(to right,red 50%,green 50%);float:left;height: 200px;}
			.right{width:200px;background:blue;float:right;height: 200px;text-overflow:ellipsis;box-sizing:}
		</style>
	</head>
	<body>
		<div class="left"></div>
		
		<div class="right"></div>
		<div class="middle"></div>
		<video width="500px"height="500px">
		text-overflow
	</body>
</html>
